<template>
  <div>HOME {{ $route.fullPath }}</div>
  <el-button class="button" type="primary" @click="test">Primary</el-button>
  <div class="test uno-flex-center">
    <span class="mr4 flex uno-wh-full btn" btn>123</span>
  </div>
</template>

<script setup lang="ts">
import { login } from '@/api/login'
import { onMounted } from 'vue'

const test = async () => {
  let { data } = await login({
    userName: 'test',
    passWord: 'test@123',
  })
  console.log(data)
}

</script>

<style lang="scss" scoped>
  .button {
    background: pink;
  }
  .test {
    width: 200px;
    height: 399px;
    span {
      font-size: 30px;
    }
  }
</style>